System messages


Toast messages

Toast messages provide feedback after actions are completed, informing users of their actions and any errors.

Toast message


Info messages

Info messages highlight imporant information to help users understand and avoid mistakes.

Info message


Error messages

Error messages can be scary. Make errors visible to merchants, easy to understand, and helpful. Error messages should:

  • Inform users of the issue and any solutions.
  • Position information near the problem source.
  • Communicate severity using the appropriate color and tone of voice.
  • Use brief, plain and clear language.
  • Be specific. For example, use precise numbers and dates.

Inline error

Form errors within People First are common. We provide visual and written cues to indicate which field has an error.

Inline error message